<template>
  <el-card style="margin-top: 10px;">
    <div class="top">
      <el-button icon="el-icon-circle-plus-outline">新建</el-button>
      <el-button type="primary">配置工单</el-button>
    </div>
    <el-table
      :data="tabres"
      style="width: 100%"
    >
      <el-table-column
        type="index"
        label="序号"
        width="100"
      />
      <el-table-column
        prop="taskCode"
        label="工单编号"
        width="130"
      />
      <el-table-column
        prop="innerCode"
        label="设备编号"
        width="130"
      />
      <el-table-column
        prop="taskType.typeName"
        label="工单类型"
        width="120"
      />
      <el-table-column
        prop=""
        label="工单方式"
        width="130"
      />
      <el-table-column
        prop="taskStatusTypeEntity.statusName"
        label="工单状态"
        width="130"
      />
      <el-table-column
        prop="userName"
        label="运营人员"
        width="130"
      />
      <el-table-column
        prop="updateTime"
        label="创建日期"
        width="130"
      />
      <el-table-column label="操作">
        <template>

          <el-button type="text" size="small">查看详情</el-button>

        </template>
      </el-table-column>
    </el-table>
  </el-card>
</template>

<script>
export default {
  props: {
    tabres: {
      type: Array,
      default: () => {}
    }
  },
  data() {
    return {
      tableData: []
    }
  }
}
</script>

<style lang="scss">
.top{
    margin-bottom: 30px;
    .el-button--default{
    background: linear-gradient(135deg,#ff9743,#ff5e20)!important;
    border: none;
    color: white;
    }
    .el-button--primary{
      background-color: #fbf4f0!important;
      color: black;
      border: none;
    }
}

</style>
